/*@media screen and(max-width: 768px) {*/

/*广告轮播*/
/*轮播*/
.carousel {
    width: 100%;
    position: relative;
    height: 3.56rem;
    margin-top: 0.86rem;
}
#carleft,#carright{
    display: none;
}
.carousel-control.right,.carousel-control.left{
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 1.8rem;
}
.carousel-control.right{
    right: 0.5rem;
    background-image: url("../../mobile/img/you.png");

}
.carousel-control.left{
    left: 0.5rem;
    background-image: url("../../mobile/img/zuo.png");
}
.carousel-inner {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #C7C7C7;
}
.item a{
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.item{
    width: 100%;
    height: 100%;
}
/*广告轮播*/
.itemOne a{
    background-image: url("../img/homepage/img_main_1.png");
}
.itemTwo a{
    background-image: url("../../mobile/img/banner.png");
}
.itemThree a{
    background-image: url("../img/homepage/img_main_1.png");
}
.itemFour a{
    background-image: url("../../mobile/img/newTop.png");
}
.itemFive a{
    background-image: url("../img/homepage/img_main_1.png");
}
/*bootstrap修整*/
.carousel-indicators li {
    display: inline-block;
    width: 0.5rem;
    height: 0;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #040712;
    opacity: 0.3;
}
.carousel-indicators .active {
    width: 0.5rem;
    height: 0;
    margin: 1px;
    border: 1px solid #2745B3;
    opacity: 0.9;
}
.carousel-indicators{
    bottom: 0;
}
.swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    /*display: inline-block;*/
    /*border-radius: 100%;*/
    /* background: #000; */
     opacity: 1 !important;
    border: 1px solid white !important;
    background-color: transparent !important;
}
/*广告轮播END*/

/*广告轮播END*/
/*手风琴*/

/*change Bootstarp*/
.panel-heading{padding: 10px 0px 10px 15px!important;}
/*END */
.panel-group {
    margin: 0 auto 30px auto;
    width: 86.5%;
<<<<<<< HEAD
}
.hand-style-area{
	width: 100%;
	height: auto;
	background-image: url(../../mobile/img/homepage/handnew.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
=======
>>>>>>> 1e174611fc159fb0ecedf340358fe7f0f7a6c32b
}
.course-system {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0.2rem 0;
}

.course-system-img {
    /*margin: auto;*/
    /*height: 100%;*/
    /*width: 80%;*/
    /*!*background-image: url(../../mobile/img/homepage/BIAOTIOne.png);*!*/
    /*background-image: url(../../mobile/img/homepage/newOne.jpg);*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100%;*/
}
.course-one{
    height: 0.7rem;
    width: 42%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/courseOne.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.course-two{
    height: 0.3rem;
    width: 78%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/courseTwo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.panel-heading {
    background-color: rgb(1,89,187) !important;
    /*height: 70px;*/
    height: 1rem;
}

.panel-heading a {
    width: 95%;
    display: inline-block;
    height: 100%;
    margin-left: 1%;
}

.title-span-one {
    color: white;
    font-size: 0.26rem;
    padding-left: 0.8rem;
}

.title-span-two {
    font-size: 0.22rem;
    color: white;
    padding-left: 0.8rem;
}

.panel-title-one, .panel-title-two, .panel-title-three,
.panel-title-four, .panel-title-five, .panel-title-six {
    background-position: left;
    background-repeat: no-repeat;
    background-size: 0.5rem 0.54rem;



}

.panel-title-one {
    /*background-image: url("../../mobile/img/homepage/TUBIAO.png");*/
    background-image: url("../../mobile/img/homepage/biaotiOne.png");
}

.panel-title-two {
    /*background-image: url("../../mobile/img/homepage/TUBIAO3.png");*/
    background-image: url("../../mobile/img/homepage/TUBIAO3One.png");
}

.panel-title-three {
    /*background-image: url("../../mobile/img/homepage/TUBIAO4.png");*/
    background-image: url("../../mobile/img/homepage/TUBIAO4One.png");
}

.panel-title-four {
    /*background-image: url("../../mobile/img/homepage/TUBIAO.png");*/
    background-image: url("../../mobile/img/homepage/biaotiOne.png");
}

.panel-title-five {
    /*background-image: url("../../mobile/img/homepage/TUBIAO3.png");*/
    background-image: url("../../mobile/img/homepage/TUBIAO3One.png");
}

.panel-title-six {
    /*background-image: url("../../mobile/img/homepage/TUBIAO4.png");*/
    background-image: url("../../mobile/img/homepage/TUBIAO4One.png");

}

.course-fonts {
    padding-top: 0.08rem;
    width: 90%;
    height: 100%;
    float: left;
    line-height: 0.3rem;
}

.title-img-bottom, .title-img-right {
    width: 10%;
    height: 100%;
    float: left;
}

.title-img-right, .title-img-bottom {
    background-position: center;
    background-repeat: no-repeat;

}

.title-img-right {
    background-size: 10px;
    background-image: url("../../mobile/img/homepage/TUBIAO2.jpg");
}

.title-img-bottom {
    background-size: 20px;
    background-image: url("../../mobile/img/homepage/TUBIAO1.png");

}

/*下滑后主体*/
.panel-collapse {
    height: 2.65rem;
    position: relative;
}

.panel-body {
    height: 100%;
    padding: 0.2rem 0.1rem 0px 0.4rem;
}

.panel-body-ul li {
    padding-top: 0.08rem;
    font-size: 0.22rem;
    padding-left: 0.4rem;
    line-height: 0.4rem;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 0.25rem 0.24rem;
    background-image: url(../../mobile/img/homepage/TUBIAO2One.png);
}

.know-more {
    margin: 0.15rem auto;
    /* margin: 0.2rem auto; */
    line-height: 0.58rem;
    background-color: #00BA4D;
    color: white;
    font-size: 0.22rem;
    height: 0.55rem;
    width: 1.8rem;
    border-radius: 30px;
    border: none;
    outline: none;
    padding-right: 0.3rem;
    background-image: url(../../mobile/img/images/triIcon.png);
    background-repeat: no-repeat;
    background-position: 1.4rem center;
    background-size: 0.1rem;
    display: inherit;
}



/*手风琴END*/

/*swiper旋转木马*/
.class-style-list   .swiper-container {
    width: 100%;
    /* height: 300px; */
    height: 6rem;
    margin: auto;
    /*top: 1.5rem;*/
}
.class-style-list    .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    width: 60%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.class-style-list    .swiper-wrapper
{
    display: flex;
    align-items: center;
    /*margin-left: -5%;*/
}
.class-style-list   .swiper-slide
{
    /*transition: all 1s;*/
}
.class-style-list    .swiper-slide {
    border: 1px solid white;
    width: 57%;
    height: 4rem;
}
.class-style-list   .swiper-slide-active
{
    /*width: 60% !important;*/

    height: 5rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    margin-bottom: 0;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    /* z-index: 999999; */
}
/*swiper END*/
.class-type-box{
    width: 100%;
    height: 100%;
    position: relative;
    /*border: 1px solid white;*/
}
.class-imgBox{
    text-align: center;
    margin-top: 10%;
    width: 100%;
    height: 64%;
    position: relative;
    /*background-color: black;*/
}
.imgBox-top{
    width: 22%;
    height: 34%;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.top-one{
    background-image: url("../../mobile/img/homepage/class1.png");
}
.top-two{
    background-image: url("../../mobile/img/homepage/class2.png");
}
.top-three{
    background-image: url("../../mobile/img/homepage/class3.png");
}
.top-four{
    background-image: url("../../mobile/img/homepage/class4.png");
}
.top-five{
    background-image: url("../../mobile/img/homepage/class5.png");
}
.top-six{
    background-image: url("../../mobile/img/homepage/class6.png");
}
.class-imgBox span{
    line-height: 170%;
    width: 90%;
    font-size: 0.25rem;
    display: block;
    opacity: 0.7;
    color: white;
    margin: auto;
}
.know-class{
    width: 66%;
    height: 12%;
    margin: auto;
    /* background-color: antiquewhite; */
    position: relative;
}
.know-class button{
    padding-top: 0.02rem;
    /* line-height: 0.85rem; */
    outline: none;
    width: 100%;
    height: 100%;
    background-color: #00BA4D;
    color: white;
    border: none;
    border-radius: 0.5rem;
    padding-right: 15%;
    background-image: url(../../mobile/img/images/triIcon.png);
    background-repeat: no-repeat;
    background-position: 76% center;
    background-size: 0.12rem;
    font-size: 0.25rem;
}
.swiper-slide-active .class-type-box
/*轮播END*/


/*集训营*/
.camp-img {
    margin-top: 20px;
    background-color: #EBEFF8;
    width: 100%;
    height: 5rem;
}

.camp-img-bottom, .camp-img-top {
    width: 100%;
    background-repeat: no-repeat;
}



/*.camp-img-top {*/
    /*margin: auto;*/
    /*!*background-image: url(../../mobile/img/homepage/heima.jpg);*!*/
    /*background-image: url(../../mobile/img/homepage/newTwo.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 100%;*/
    /*width: 80%;*/
    /*height: 1.5rem;*/

/*}*/
.camp-one{
    height: 0.7rem;
    width: 48%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/one.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.camp-two{
    height: 0.4rem;
    width: 62.5%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/onebottom.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.camp-img{
    padding-top: 0.2rem;
    background-color: #EBEFF8;
}
.camp-img-bottom {
    margin-top: 0.3rem;
    width: 100%;
    height: 3.8rem;
    background-size: 100%;
    background-image: url(../../mobile/img/homepage/iconGirl.jpg);
    background-position: center;
}

.camp-box {
    border-bottom: 1px solid #C7C7C7;
    margin-top: 20px;
    width: 100%;
    height: auto;
    /*background-color: yellow;*/
}

.camp-list-area {
    height: auto;
    width: 96%;
    /*background-color: #31b0d5;*/
    margin: auto;
}

.list-box {
    padding: 0.2rem 0.45rem 0.2rem 0.15rem;
    height: 0.98rem;
    width: 100%;
    background-color: rgb(23,104,255);
    margin: 0 0 0.34rem 0;
}

.more-camp {
    /* margin: 0 0 -0.9rem 0; */
    margin: auto;
    background-color: white;
    border: 1px solid #C7C7C7;
    width: 51.6%;
    /* margin: 35px auto; */
    display: block;
    height: 0.56rem;
    outline: none;
    margin-bottom: 0.35rem;
    font-size: 0.23rem;
    color: #6B6B6B;
}

.list-box-left {
    width: 55%;
    height: 100%;
    /* background-color: #ac2925; */
    float: left;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 18px 17px;
    background-image: url(../../mobile/img/homepage/TUBIAO10.png);
    margin-left: 5%;
}

.camp-font {
    padding-left: 20%;
    line-height: 0.6rem;
    color: white;
    font-size: 0.25rem;

}

.list-box-right {
    width: 40%;
    height: 100%;
    float: right;
    padding: 1% 0;
}

.list-box-right button {
    line-height: 0.5rem;
    font-size: 0.2rem;
    background-color: #00BD3F;
    color: white;
    height: 100%;
    width: 70%;
    border: none;
    outline: none;
    padding-right: 0.3rem;
    background-image: url(../../mobile/img/images/triIcon.png);
    background-repeat: no-repeat;
    background-position: 85% center;
    background-size: 0.1rem;
    float: right;
}

/*集训营END*/
/*师资团队*/
.teacher-list-area {
    /*margin-bottom: 0.5rem;*/
    width: 100%;
    height: auto;
    padding-top: 0.3rem;
}

.group-font-img {
    /*width: 80%;*/
    /*height: 1.5rem;*/
    /*margin: auto;*/
    /*background-image: url(../../mobile/img/homepage/BIAOTI4One.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 100%;*/
}
.group-one{
    height: 0.7rem;
    width: 37.5%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/groupOne.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.group-two{
    height: 0.4rem;
    width: 65%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/groupTwo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.teacher-demo {
    height: 2.5rem;
    width: 94%;
    margin: 0.2rem auto;
}

.teacher-demo-leftOne,.teacher-demo-leftTwo {
    margin-top: 3%;
    float: left;
    width: 22%;
    height: 83%;
}
.teacher-demo-leftOne img,.teacher-demo-leftTwo img{
    width: 100%;
    height: 100%;
}
.teacher-demo-right {
    float: right;
    width: 72%;
    height: 100%;
    /* padding-left: 2%; */
    /* background-color: yellowgreen; */
    position: relative;
}
.name,.level{
    font-size: 0.22rem;
    color: #9C9C9C;
}
.name{
    line-height: 0.5rem;
    font-size: 0.25rem;
}
.skill,.skillInfo{
    color: #A3A3A3;
    line-height: 0.7rem;
    font-size: 0.2rem;
}
.skillInfo{
    padding: 0.08rem 0.15rem;
    border: 1px solid #C7C7C7;
    border-radius: 0.31rem;
}
.infoDetails{
    display: block;
    line-height: 0.36rem;
    margin-bottom: 0;
    font-size: 0.2rem;
    color: #B8B8B8;
    width: 100%;
    height: 1.1rem;
    overflow: hidden;
}
.teacher-two{margin-bottom: 0}
.more-teacher{
    text-align: center;
    /* padding: 0.3rem 0 0 0; */
    width: 40%;
    height: auto;
    margin: 0.5rem auto 0.5rem auto;
    /* background-color: red; */
    position: relative;
}
.more-teacher button{
    border-radius: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.25rem;
    background-color: #00BA4D;
    color: white;
    height: 0.62rem;
    width: 2.3rem;
    border: none;
    outline: none;
    padding-right: 0.4rem;
    background-image: url(../../mobile/img/images/triIcon.png);
    background-repeat: no-repeat;
    background-position: 1.7rem center;
    background-size: 0.11rem;
}
/*师资团队END*/

/*教学环境*/
.ambient-box,.ambient-top{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.ambient-box {
    padding-top: 0.3rem;
    width: 100%;
    height: 4.6rem;
    background-image: url(../../mobile/img/homepage/TUPIAN4.png);
}
/*.ambient-top {*/
    /*background-size: 100%;*/
    /*margin: auto;*/
    /*height: 1.5rem;*/
    /*width: 80%;*/
    /*background-image: url(../../mobile/img/homepage/BIAOTI5One.png);*/
/*}*/
.ambient-one{
    height: 0.7rem;
    width: 41.2%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/ambientOne.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.ambient-two{
    height: 0.3rem;
    width: 78%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/ambientTwo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.hideDom{
	display: none !important;
}
.ambient-body{
    background-color: white;
    width: 6.22rem;
    height: 2.5rem;
    border: 1px solid white;
    margin: 0.3rem auto 0 auto;
    position: relative;
}
.hover-style span{
	overflow: hidden;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 0.3rem;
    background-color: rgb(1,89,187);
    font-size: 0.1rem;
    color: white;
    line-height: 0.3rem;
}
.am-one,.am-two{
    position: absolute;
    top: 0.1rem;
}
.am-one{
    left: 0.1rem;
    width: 2.3rem;
    height: 2.3rem;
}
.am-two{
    left: 2.5rem;
    width: 1.2rem;
    height: 1.1rem;
}
.am-three,.am-four{
    position: absolute;
    height: 1.1rem;
}
.am-three{
    left: 2.5rem;
    bottom: 0.1rem;
    width: 2.4rem;
}
.am-four{
    position: absolute;
    left: 3.8rem;
    top: 0.1rem;
    width: 1.1rem;
}
.am-five,.am-six{
    position: absolute;
    right: 0.1rem;
    width: 1.1rem;
    height: 1.1rem;
}
.am-five{
    top: 0.1rem;
}
.am-six{
    bottom: 0.1rem;
}
/*教学环境END*/


/*校区分布*/
.school-local-img {
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
    /*background-color: yellow;*/
}
.school-local-imgBody{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.local-one{
    height: 0.7rem;
    width: 41.2%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/localOne.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.local-two{
    height: 0.3rem;
    width: 78%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/localTwo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
/*.school-local-imgTop {*/
    /*margin: auto;*/
    /*height: 1.5rem;*/
    /*width: 80%;*/
    /*background-image: url(../../mobile/img/homepage/BIAOTI6One.png);*/
/*}*/
.school-local-imgBody {
    width: 82%;
    height: 3.5rem;
    margin: auto;
    background-image: url(../../mobile/img/homepage/TUPIAN2.png);
}
.school-list{
    overflow-x: hidden;
    height: auto;
    width: 100%;
    /* background-color: greenyellow; */
    /* border: 1px solid #C7C7C7; */
    border-bottom: 2px solid #C7C7C7;
}
.select-city-area{
    height: 1rem;
    width: 100%;
    background-color: rgb(1,89,187);
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
}
.select-city-left {
    line-height: 0.3rem;
    float: left;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 0.6rem;
    background-image: url(../../mobile/img/homepage/TUbiao13.jpg);
    padding-top: 0.02rem;
}
.spread-head,.spread-bottom{
    color: white;
    padding-left: 0.7rem;
}
.spread-bottom{
    font-size: 0.2rem;
}
.spread-head{
    font-size: 0.25rem;
}
.select-city-right{
    width: 30%;
    height: 100%;
    /* background-color: aquamarine; */
    float: right;
    /* padding: 5px 0; */
}
.select-area-btn{
    height: 100%;
    color: white;
    background-color: transparent;
    border-radius: 15px;
    padding: 0 0.6rem;
    outline: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../mobile/img/homepage/botom.jpg);
    background-repeat: no-repeat;
    background-position: 1.6rem 0.28rem;
    padding-right: 0.8rem;
    float: right;
    background-size: 0.25rem;
    font-size: 0.25rem;
}
#table-area{
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    width: 100%;
    height: 6rem;
    background-color: white;
}
#table-area tbody{
    width: 100%;
    display: inline-block;
    height: 100%;
}
#table-area tbody tr{
    padding: 0.12rem 0 0.12rem 0.15rem;
    width: 100%;
    position: relative;
    display: inline-block;
}
#table-area tbody tr td:first-child {
    float: left;
    color: rgb(21,102,254);
    font-size: 0.25rem;
    padding-left: 4%;
    line-height: 0.5rem;
}
#table-area tbody tr td:last-child {
    float: left;
    width: 96%;
    padding-left: 4%;
}
#table-area tbody tr td {
    display: block;
}
#table-area tr td:last-child ul {
    line-height: 0.35rem;
    color: rgb(149,149,149);
}
ul {
    margin: 0px;
    padding: 0px;
}
ul li {
    list-style: none;
}
.num-list{
    float: right;
    position: relative;
}
.num-area {
    top: 0;
    width: 1.6rem;
    height: 0.9rem;
    position: absolute;
    left: -1.6rem;
    overflow: hidden;
    background-color: white;
}
.num-area-bottom{
    /*top: 80px;*/
    /*width: 100px;*/
    /*height: 20px;*/
    /*position: absolute;*/
    /*left: -75px;*/
    /*background-color: #cccccc;*/
    /*background-color: white;*/
}
.num-area span {
    font-weight: normal;
    color: rgb(237,237,237);
    font-size: 1.2rem;
    line-height: 1.1rem;
}
#table-area tbody tr td ul li{
	font-size: 0.2rem;
}
/*滚动条样式*/
#table-area::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    padding-right: 20px;
}
#table-area::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 50px #1874CD;
    background-color: white;
}
#table-area::-webkit-scrollbar-track {/*滚动条里面轨道*/
    margin-top: 10px;
    -webkit-box-shadow: inset 0 0 5px white;
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
/*校区分布END*/

/*文化活动*/
.active-area{
    padding-top: 0.3rem;
    width: 100%;
    height: auto;
}
.active-top{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.active-top {
    background-image: url(../../mobile/img/homepage/BIAOTI7One.png);
    background-size: 50%;
    margin: auto;
    height: 0.5rem;
    width: 55.2%;
}
.active-body{
    width: 100%;
    height: auto;
}
.cultural_area_box {
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../../mobile/img/homepage/TUPIAN8.png);
}
.content_title {
    padding: 0.25rem 0;
    position: relative;
    width: 96%;
    height: 1rem;
    /* background-color: #BFEFFF; */
    margin: auto;
}
.title {
    margin: 0 1%;
    width: 23%;
    float: left;
    height: 100%;
    position: relative;
}
#title1 {
    background-color: rgb(1,89,187);
    color: whitesmoke;
}
#title1 a{
    /*color: white;*/
}
.title button {
	font-size: 0.23rem;
    outline: none;
    border: 1px solid #C7C7C7;
    background-color: white;
    height: 100%;
    width: 100%;
    border-radius: 28px;
    color: #A3A3A3;
}
/*.title button a{*/
    /*color: #A3A3A3;*/
/*}*/
.content_area {
    width: 96%;
    height: auto;
    position: relative;
    margin: 0.1rem auto 0.6rem auto;

}
.greater_area,.education_area,.exercise_area,.staff_area{
    width: 99%;
    height: 2.47rem;
    margin: auto;
}
.greater_area img{
    opacity: 1;
}

.greater_area img, .education_area img, .exercise_area img, .staff_area img{
    width: 100%;
    height: 100%;

    /*position: relative;*/
    /*overflow: hidden;*/
}

/*文化活动END*/

/*机构承诺*/
#commit_outfit,.class_type_title,
.ensure_area_left{
    background-position: center;
    background-repeat: no-repeat;
}
#commit_outfit{
    padding-top: 0.3rem;
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../../mobile/img/homepage/TUPIAN9.png);
    background-size: 100% 100%;
}
/*.class_type_title{*/
    /*margin: auto;*/
    /*height: 1.5rem;*/
    /*width: 80%;*/
    /*background-image: url(../../mobile/img/homepage/BIAOTI8.png);*/
    /*background-size: 50%;*/
/*}*/
.type-one{
    height: 0.7rem;
    width: 37%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/typeOne.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.type-two{
    height: 0.5rem;
    width: 38.2%;
    margin: auto;
    background-image: url(../../mobile/img/homepage/typeTwo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.ensure_area{
    width: 96%;
    height: 2.8rem;
    margin: auto;
}
.ensure_area_left{
    height: 100%;
    width: 36%;
     /*background-color: #43CD80;*/
    float: left;
    background-image: url(../../mobile/img/homepage/TUBIAO18One.jpg);
    background-size: 100%;
}
.ensure_area_right{
    padding-bottom: 7%;
    height: 100%;
    width: 60%;
    /* background-color: rosybrown; */
    float: right;
    /* padding: 5% 0; */
    padding-top: 2%;
}

.ensure_one_area {
    padding: 3% 0;
    background-position: left;
    background-size: 0.8rem;
    background-repeat: no-repeat;
    width: 100%;
    height: 50%;
    background-image: url(../../mobile/img/homepage/TUBIAO19One.jpg);
}
.ensure_two_area {
    padding: 3% 0;
    background-position: left;
    background-size: 0.8rem;
    background-repeat: no-repeat;
    width: 100%;
    height: 50%;
    background-image: url(../../mobile/img/homepage/TUBIAO20One.jpg);
}
.one_area,.two_area{
    position: relative;
    padding-left: 0.1rem !important;
    width: 75%;
    height: 100%;
    float: right;
}
.two_area{
    padding: 5% 0;
}
.safeguard_one{
    color: white;
    font-size: 0.23rem;
    position: absolute;
    top: 0.02rem;
}
.safeguard_two{
    position: absolute;
    font-size: 0.2rem;
    color: white;
    top: 0.4rem;
}
/*机构承诺END*/

/*6大金钻班型*/
.class-style-area {
    width: 100%;
    height: auto;
}
.class-style-img{
    /*position: absolute;*/
    /*width: 80%;*/
    /*height: 1.5rem;*/
    /*left: 10%;*/
    /*background-image: url(../../mobile/img/homepage/sixClassImg.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 100%;*/

}
.style-one {
    height: 0.7rem;
    width: 48%;
    margin: auto;
    /* background-image: url(../../mobile/img/homepage/one.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../../mobile/img/homepage/sixOne.jpg);
}
.style-two {
    height: 0.5rem;
    width: 71%;
    margin: auto;
    /* background-image: url(../../mobile/img/homepage/onebottom.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../../mobile/img/homepage/sixTwo.jpg);
}
/*3D轮播*/
.class-style-list{
    padding-top: 0.3rem;
    width: 100%;
    height: 8rem;
    background-image: url(../../mobile/img/homepage/TUPIAN10.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.pc-banner {
    /*background: url(../view/images/top_main_bg01.jpg) no-repeat center top/100% auto;*/
    width: 100%;
    float: left;
}

@media screen and (max-width: 668px) {
    .pc-banner {
        background-size: auto 100%;
    }
}

.swiper-container {
    width: 100%;
    margin: 35px 0;
}

@media screen and (max-width: 668px) {
    .swiper-container {
        margin: 20px 0 15px;
    }
}

.swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

@media screen and (max-width: 668px) {
    .swiper-slide {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
}

.swiper-slide-active,.swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 668px) {
    .swiper-slide-active,.swiper-slide-duplicate-active {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
}
.swiper-slide-next .class-type-box{
    font-size: 0.1rem;
}
.none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.swiper-slide a {
    background: #fff;
    padding:10px;
    display: block;
    border-radius: 14px;
}

@media screen and (min-width: 668px) {
    .swiper-slide a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
        border: 10px solid #fff;
        content: "";
        width: 100%;
        height: 100%;
        /*background: url(../view/images/top_slick_cover_bg01.png) 0 0 repeat;*/
        border-radius: 20px;
    }
}

.swiper-slide-active a:after {
    background: none;
}

@media screen and (max-width: 668px) {
    .swiper-slide a {
        padding: 5px;
        border-radius: 7px;
    }
}

.swiper-slide img {
    width: 100%;
    border-radius: 14px;
    display: block;
}

@media screen and (max-width: 668px) {
    .swiper-slide img {
        border-radius: 7px;
    }
}

.swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}

.swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 4px;
    margin-right: 4px;
    width: 17px;
    height: 17px;
    opacity: 1;
    margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background: #FFF;
    border: 6px solid #00a0e9;
    margin-bottom: 0;
}

@media screen and (max-width: 668px) {

    .swiper-pagination {
        position: relative;
        margin-bottom: 20px;
    }

    .swiper-pagination-bullet {
        background: #00a0e9;
        margin-left: 2px;
        margin-right: 2px;
        width: 8px;
        height: 8px;
        margin-bottom: 2px;
    }

    .swiper-pagination-bullet-active {
        background-color: white !important;
        width: 7px !important;
        height: 7px !important;
        /*border: 1px solid white;*/
        margin-bottom: 0;
    }
}

.button {
    width: 1000px;
    margin: 0 auto;
    bottom: 43px;
    position: relative;
}

@media screen and (max-width: 668px) {
    .button {
        width: 70%;
        bottom: 22px;
    }
}

.button div:hover {
    background-color: #2f4798;
}

.swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
    .button div {
        width: 28px;
        height: 28px;
    }
}

/*6大金钻班型END*/
/*}*/




